<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta keywords="">
    <meta description="">
    <link rel="dns-prefetch" href="//s1.cximg.com">
    <link href="/resources/css/common/reset.css" rel="stylesheet">
    <link href="/resources/css/common/common.css" rel="stylesheet">
    <link href="/resources/css/comment/comment.css" rel="stylesheet">
    <title>评论页面</title>
  </head>
  <body>
    <div class="good_comment">
      <ul class="comment_list">
        <li class="comment_item">
          <div class="comment_item_good"><img src="/resources/img/goods.jpg" title="" alt="">
            <div class="comment_good_info">
              <h5>标Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</h5>
              <p>颜色分类：青色</p>
              <p>尺码：XL</p>
            </div>
          </div>
          <div class="comment_item_content disabled">
            <textarea placeholder="请填写该商品评论" disabled class="disabled"></textarea>
            <div class="comment_operation"><span class="disabled_button">提交评论</span><span><i class="comment_warn"></i><em>该商品尚未使用不能提交评论</em></span></div>
          </div>
        </li>
        <li class="comment_item">
          <div class="comment_item_good"><img src="/resources/img/goods.jpg" title="" alt="">
            <div class="comment_good_info">
              <h5>标Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</h5>
              <p>颜色分类：青色</p>
              <p>尺码：XL</p>
            </div>
          </div>
          <div class="comment_item_content">
            <textarea placeholder="请填写该商品评论" class="error"></textarea>
            <p class="error_message">评论不能为空。或者评论不能少于xx字。</p>
            <div class="comment_operation">
              <button>提交评论</button><span><i class="comment_warn"></i><em>该商品尚未使用不能提交评论</em></span>
            </div>
          </div>
        </li>
        <li class="comment_item">
          <div class="comment_item_good"><img src="/resources/img/goods.jpg" title="" alt="">
            <div class="comment_good_info">
              <h5>标Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</h5>
              <p>颜色分类：青色</p>
              <p>尺码：XL</p>
            </div>
          </div>
          <div class="comment_item_content">
            <textarea placeholder="请填写该商品评论"></textarea>
            <p class="error_message"></p>
            <div class="comment_operation">
              <button class="disabled">提交评论</button><span><i class="comment_warn"></i><em>该商品尚未使用不能提交评论</em></span>
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class="good_comment">
      <ul class="comment_list">
        <li class="comment_item">
          <div class="comment_item_good"><img src="/resources/img/goods.jpg" title="" alt="评论商品">
            <div class="comment_good_info">
              <h5>标Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</h5>
              <p>颜色分类：青色</p>
              <p>尺码：XL</p>
            </div>
          </div>
          <div class="comment_item_content">
            <p class="comment_content">我的评论：这个头盔防护功能有点不足，性价比也不好，我有点后悔，另外服务还不错，客服跟踪很到位。</p>
          </div>
        </li>
        <li class="comment_item">
          <div class="comment_item_good"><img src="/resources/img/goods.jpg" title="" alt="">
            <div class="comment_good_info">
              <h5>标Clinique倩碧水磁场眼霜 眼部护理水凝霜保淡化细纹黑眼圈</h5>
              <p>颜色分类：青色</p>
              <p>尺码：XL</p>
            </div>
          </div>
          <div class="comment_item_content">
            <p class="comment_content">我的评论：这个头盔防护功能有点不足，性价比也不好，我有点后悔，另外服务还不错，客服跟踪很到位。</p>
            <p class="comment_reply">	车享回复评论：因为它是模型，所以精致度可能会有所下降。</p>
          </div>
        </li>
      </ul>
    </div>
    <script src="http://s1.cximg.com/cxlib/assets/js/jQuery/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="/resources/js/comment.js" type="text/javascript"></script>
  </body>
</html>